<template>
  <view class="menu-list w-full shadow-box rounded-20rpx flex flex-wrap mb-20rpx">
    <view class="list-head lh-44rpx p-20rpx font-size-32rpx font-800">其他功能</view>
    <view class="list-body">
      <view class="list-row"></view>

    </view>
    <wd-cell-group custom-class="w-full" border>
      <wd-cell
        v-for="(item, index) in list"
        :key="index"
        custom-class="menu-cell px-40rpx"
        :title="item.text"
        is-link
        :to="item.path"
        clickable>
        <template #icon>
          <wd-img
            :src="item.icon"
            height="40rpx"
            width="40rpx"
            custom-class="mr-20rpx"></wd-img>
        </template>
      </wd-cell>
    </wd-cell-group>
  </view>
</template>

<script lang='ts' setup>
import { onShow } from "@dcloudio/uni-app";
import { ref } from "vue";
import aboutIcon from "@/static/icon/mine/about.png";
import authListIcon from "@/static/icon/mine/authList.png";
import helpIcon from "@/static/icon/mine/help.png";
import kefuIcon from "@/static/icon/mine/kefu.png";
import orderIcon from "@/static/icon/mine/order.png";
import pglistIcon from "@/static/icon/mine/pglist.png";
import ykq from "@/static/icon/mine/ykq.png";
import zhidaoIcon from "@/static/icon/mine/zhidao.png";

const list = ref([
  {
    icon: ykq,
    text: "遥控器",
    path: ""
  },
  {
    icon: orderIcon,
    text: "我的订单",
    path: ""
  },
  {
    icon: pglistIcon,
    text: "我的播单",
    path: ""
  },
  {
    icon: zhidaoIcon,
    text: "我的预约",
    path: ""
  },
  {
    icon: zhidaoIcon,
    text: "指导手册",
    path: ""
  },
  {
    icon: kefuIcon,
    text: "联系客服",
    path: ""
  },
  {
    icon: authListIcon,
    text: "实名认证",
    path: ""
  },
  {
    icon: helpIcon,
    text: "帮助中心",
    path: ""
  },
  {
    icon: aboutIcon,
    text: "关于我们",
    path: ""
  }
]);
onShow(() => {
  console.log("onshow");
});
</script>

<style lang="scss" scoped>
.menu-list {
  background: var(--color-white);
  overflow: hidden;
  .menu-cell {
    color: var(--color-t1);
  }
}
</style>